<!-- Site Setting Panel -->
<section id="settings" data-ng-include=" 'views/settings/settings.html' " style="display:none"></section>
<!-- Site Setting Panel End -->

<div class="pageheader">
  <h2><i class="fa fa-font"></i> Glyphicon </h2>
  <div class="breadcrumb-wrapper hidden-xs"> <span class="label">You are here:</span>
    <ol class="breadcrumb">
      <li> <a href="index.html"> Home </a> </li>
      <li class="active"> Glyphicon </li>
    </ol>
  </div>
</div>
<div class="page page-icons">
  <div class="row">
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-minus"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-cloud"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-envelope"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-pencil"></span> <span class="glyphicon-class">glyphicon-asterisk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-glass"></span> <span class="glyphicon-class">glyphicon-glass</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-music"></span> <span class="glyphicon-class">glyphicon-music</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-search"></span> <span class="glyphicon-class">glyphicon-search</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-heart"></span> <span class="glyphicon-class">glyphicon-heart</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon-class">glyphicon-star</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-star-empty"></span> <span class="glyphicon-class">glyphicon-star-empty</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-user"></span> <span class="glyphicon-class">glyphicon-user</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-film"></span> <span class="glyphicon-class">glyphicon-film</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-th-large"></span> <span class="glyphicon-class"> glyphicon-th-large</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-th"></span> <span class="glyphicon-class">glyphicon-th</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-th-list"></span> <span class="glyphicon-class">glyphicon-th-list</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-ok"></span> <span class="glyphicon-class">glyphicon-ok</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-remove"></span> <span class="glyphicon-class">glyphicon-remove</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-zoom-in"></span> <span class="glyphicon-class">glyphicon-zoom-in</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-zoom-out"></span> <span class="glyphicon-class">glyphicon-zoom-out</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-off"></span> <span class="glyphicon-class">glyphicon-off</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-signal"></span> <span class="glyphicon-class">glyphicon-signal</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-cog"></span> <span class="glyphicon-class">glyphicon-cog</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-trash"></span> <span class="glyphicon-class">glyphicon-trash</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-home"></span> <span class="glyphicon-class">glyphicon-home</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-file"></span> <span class="glyphicon-class">glyphicon-file</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-time"></span> <span class="glyphicon-class">glyphicon-time</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-road"></span> <span class="glyphicon-class">glyphicon-road</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-download-alt"></span> <span class="glyphicon-class">glyphicon-download-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-download"></span> <span class="glyphicon-class">glyphicon-download</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-upload"></span> <span class="glyphicon-class">glyphicon-upload</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-inbox"></span> <span class="glyphicon-class">glyphicon-inbox</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-play-circle"></span> <span class="glyphicon-class">glyphicon-play-circle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-repeat"></span> <span class="glyphicon-class">glyphicon-repeat</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-refresh"></span> <span class="glyphicon-class">glyphicon-refresh</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-list-alt"></span> <span class="glyphicon-class">glyphicon-list-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-lock"></span> <span class="glyphicon-class">glyphicon-lock</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-flag"></span> <span class="glyphicon-class">glyphicon-flag</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-headphones"></span> <span class="glyphicon-class">glyphicon-headphones</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-volume-off"></span> <span class="glyphicon-class">glyphicon-volume-off</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-volume-down"></span> <span class="glyphicon-class">glyphicon-volume-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-volume-up"></span> <span class="glyphicon-class">glyphicon-volume-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-qrcode"></span> <span class="glyphicon-class">glyphicon-qrcode</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-barcode"></span> <span class="glyphicon-class">glyphicon-barcode</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tag"></span> <span class="glyphicon-class">glyphicon-tag</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tags"></span> <span class="glyphicon-class">glyphicon-tags</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-book"></span> <span class="glyphicon-class">glyphicon-book</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-bookmark"></span> <span class="glyphicon-class">glyphicon-bookmark</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-print"></span> <span class="glyphicon-class">glyphicon-print</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-camera"></span> <span class="glyphicon-class">glyphicon-camera</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-font"></span> <span class="glyphicon-class">glyphicon-font</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-bold"></span> <span class="glyphicon-class">glyphicon-bold</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-italic"></span> <span class="glyphicon-class">glyphicon-italic</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-text-height"></span> <span class="glyphicon-class">glyphicon-text-height</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-text-width"></span> <span class="glyphicon-class">glyphicon-text-width</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-align-left"></span> <span class="glyphicon-class">glyphicon-align-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-align-center"></span> <span class="glyphicon-class">glyphicon-align-center</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-align-right"></span> <span class="glyphicon-class">glyphicon-align-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-align-justify"></span> <span class="glyphicon-class">glyphicon-align-justify</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-list"></span> <span class="glyphicon-class">glyphicon-list</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-indent-left"></span> <span class="glyphicon-class">glyphicon-indent-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-indent-right"></span> <span class="glyphicon-class">glyphicon-indent-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-facetime-video"></span> <span class="glyphicon-class">glyphicon-facetime-video</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-picture"></span> <span class="glyphicon-class">glyphicon-picture</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-map-marker"></span> <span class="glyphicon-class">glyphicon-map-marker</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-adjust"></span> <span class="glyphicon-class">glyphicon-adjust</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tint"></span> <span class="glyphicon-class">glyphicon-tint</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-edit"></span> <span class="glyphicon-class">glyphicon-edit</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-share"></span> <span class="glyphicon-class">glyphicon-share</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-check"></span> <span class="glyphicon-class">glyphicon-check</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-move"></span> <span class="glyphicon-class">glyphicon-move</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-step-backward"></span> <span class="glyphicon-class">glyphicon-step-backward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-fast-backward"></span> <span class="glyphicon-class">glyphicon-fast-backward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-backward"></span> <span class="glyphicon-class">glyphicon-backward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-play"></span> <span class="glyphicon-class">glyphicon-play</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-pause"></span> <span class="glyphicon-class">glyphicon-pause</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-stop"></span> <span class="glyphicon-class">glyphicon-stop</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-forward"></span> <span class="glyphicon-class">glyphicon-forward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-fast-forward"></span> <span class="glyphicon-class">glyphicon-fast-forward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-step-forward"></span> <span class="glyphicon-class">glyphicon-step-forward</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-eject"></span> <span class="glyphicon-class">glyphicon-eject</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="glyphicon-class">glyphicon-chevron-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="glyphicon-class">glyphicon-chevron-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-plus-sign"></span> <span class="glyphicon-class">glyphicon-plus-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-minus-sign"></span> <span class="glyphicon-class">glyphicon-minus-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-remove-sign"></span> <span class="glyphicon-class">glyphicon-remove-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-ok-sign"></span> <span class="glyphicon-class">glyphicon-ok-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-question-sign"></span> <span class="glyphicon-class">glyphicon-question-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-info-sign"></span> <span class="glyphicon-class">glyphicon-info-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-screenshot"></span> <span class="glyphicon-class">glyphicon-screenshot</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-remove-circle"></span> <span class="glyphicon-class">glyphicon-remove-circle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-ok-sign"></span> <span class="glyphicon-class">glyphicon-ok-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-ok-circle"></span> <span class="glyphicon-class">glyphicon-ok-circle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-ban-circle"></span> <span class="glyphicon-class">glyphicon-ban-circle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-arrow-left"></span> <span class="glyphicon-class">glyphicon-arrow-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-arrow-right"></span> <span class="glyphicon-class">glyphicon-arrow-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-arrow-up"></span> <span class="glyphicon-class">glyphicon-arrow-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-arrow-down"></span> <span class="glyphicon-class">glyphicon-arrow-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-share-alt"></span> <span class="glyphicon-class">glyphicon-share-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-resize-full"></span> <span class="glyphicon-class">glyphicon-resize-full</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-resize-small"></span> <span class="glyphicon-class">glyphicon-resize-small</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-exclamation-sign"></span> <span class="glyphicon-class">glyphicon-exclamation-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-gift"></span> <span class="glyphicon-class">glyphicon-gift</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-leaf"></span> <span class="glyphicon-class">glyphicon-leaf</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-fire"></span> <span class="glyphicon-class">glyphicon-fire</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-eye-open"></span> <span class="glyphicon-class">glyphicon-eye-open</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-eye-close"></span> <span class="glyphicon-class">glyphicon-eye-close</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-warning-sign"></span> <span class="glyphicon-class">glyphicon-warning-sign</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-plane"></span> <span class="glyphicon-class">glyphicon-plane</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-calendar"></span> <span class="glyphicon-class">glyphicon-calendar</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-random"></span> <span class="glyphicon-class">glyphicon-random</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-comment"></span> <span class="glyphicon-class">glyphicon-comment</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-magnet"></span> <span class="glyphicon-class">glyphicon-magnet</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon-class">glyphicon-chevron-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-down"></span> <span class="glyphicon-class">glyphicon-chevron-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-retweet"></span> <span class="glyphicon-class">glyphicon-retweet</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-shopping-cart"></span> <span class="glyphicon-class">glyphicon-shopping-cart</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-folder-close"></span> <span class="glyphicon-class">glyphicon-folder-close</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-folder-open"></span> <span class="glyphicon-class">glyphicon-folder-open</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-resize-vertical"></span> <span class="glyphicon-class">glyphicon-resize-vertical</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-resize-horizontal"></span> <span class="glyphicon-class">glyphicon-resize-horizontal</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hdd"></span> <span class="glyphicon-class">glyphicon-hdd</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-bullhorn"></span> <span class="glyphicon-class">glyphicon-bullhorn</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-bell"></span> <span class="glyphicon-class">glyphicon-bell</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-certificate"></span> <span class="glyphicon-class">glyphicon-certificate</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-thumbs-up"></span> <span class="glyphicon-class">glyphicon-thumbs-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-thumbs-down"></span> <span class="glyphicon-class">glyphicon-thumbs-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hand-right"></span> <span class="glyphicon-class">glyphicon-hand-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hand-left"></span> <span class="glyphicon-class">glyphicon-hand-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hand-up"></span> <span class="glyphicon-class">glyphicon-hand-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hand-down"></span> <span class="glyphicon-class">glyphicon-hand-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon-class">glyphicon-circle-arrow-right</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon-class">glyphicon-circle-arrow-left</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon-class">glyphicon-circle-arrow-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon-class">glyphicon-circle-arrow-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-globe"></span> <span class="glyphicon-class">glyphicon-globe</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-wrench"></span> <span class="glyphicon-class">glyphicon-wrench</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tasks"></span> <span class="glyphicon-class">glyphicon-tasks</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-filter"></span> <span class="glyphicon-class">glyphicon-filter</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-briefcase"></span> <span class="glyphicon-class">glyphicon-briefcase</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-fullscreen"></span> <span class="glyphicon-class">glyphicon-fullscreen</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-dashboard"></span> <span class="glyphicon-class">glyphicon-dashboard</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-paperclip"></span> <span class="glyphicon-class">glyphicon-paperclip</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-heart-empty"></span> <span class="glyphicon-class">glyphicon-heart-empty</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-link"></span> <span class="glyphicon-class">glyphicon-link</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-phone"></span> <span class="glyphicon-class">glyphicon-phone</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-pushpin"></span> <span class="glyphicon-class">glyphicon-pushpin</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-usd"></span> <span class="glyphicon-class">glyphicon-usd</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-gbp"></span> <span class="glyphicon-class">glyphicon-gbp</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sort"></span> <span class="glyphicon-class">glyphicon-sort</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sort-by-alphabet"></span> <span class="glyphicon-class">glyphicon-sort-by-alphabet</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> <span class="glyphicon-class">glyphicon-sort-by-alphabet-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sort-by-order"></span> <span class="glyphicon-class">glyphicon-sort-by-order</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sort-by-order-alt"></span> <span class="glyphicon-class">glyphicon-sort-by-order-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-unchecked"></span> <span class="glyphicon-class">glyphicon-unchecked</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-expand"></span> <span class="glyphicon-class">glyphicon-expand</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-collapse-down"></span> <span class="glyphicon-class">glyphicon-collapse-down</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-collapse-up"></span> <span class="glyphicon-class">glyphicon-collapse-up</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-log-in"></span> <span class="glyphicon-class">glyphicon-log-in</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-flash"></span> <span class="glyphicon-class">glyphicon-flash</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-log-out"></span> <span class="glyphicon-class">glyphicon-log-out</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-new-window"></span> <span class="glyphicon-class">glyphicon-new-window</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-record"></span> <span class="glyphicon-class">glyphicon-record</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-save"></span> <span class="glyphicon-class">glyphicon-save</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-open"></span> <span class="glyphicon-class">glyphicon-open</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-saved"></span> <span class="glyphicon-class">glyphicon-saved</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-import"></span> <span class="glyphicon-class">glyphicon-import</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-export"></span> <span class="glyphicon-class">glyphicon-export</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-send"></span> <span class="glyphicon-class">glyphicon-send</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-floppy-disk"></span> <span class="glyphicon-class">glyphicon-floppy-disk</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-floppy-saved"></span> <span class="glyphicon-class">glyphicon-floppy-saved</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-floppy-remove"></span> <span class="glyphicon-class">glyphicon-floppy-remove</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-floppy-save"></span> <span class="glyphicon-class">glyphicon-floppy-save</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-floppy-open"></span> <span class="glyphicon-class">glyphicon-floppy-open</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-credit-card"></span> <span class="glyphicon-class">glyphicon-credit-card</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-transfer"></span> <span class="glyphicon-class">glyphicon-transfer</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-cutlery"></span> <span class="glyphicon-class">glyphicon-cutlery</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-header"></span> <span class="glyphicon-class">glyphicon-header</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-compressed"></span> <span class="glyphicon-class">glyphicon-compressed</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-earphone"></span> <span class="glyphicon-class">glyphicon-earphone</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-phone-alt"></span> <span class="glyphicon-class">glyphicon-phone-alt</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tower"></span> <span class="glyphicon-class">glyphicon-tower</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-stats"></span> <span class="glyphicon-class">glyphicon-stats</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sd-video"></span> <span class="glyphicon-class">glyphicon-sd-video</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-hd-video"></span> <span class="glyphicon-class">glyphicon-hd-video</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-subtitles"></span> <span class="glyphicon-class">glyphicon-subtitles</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sound-stereo"></span> <span class="glyphicon-class">glyphicon-sound-stereo</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sound-dolby"></span> <span class="glyphicon-class">glyphicon-sound-dolby</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sound-5-1"></span> <span class="glyphicon-class">glyphicon-sound-5-1</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sound-6-1"></span> <span class="glyphicon-class">glyphicon-sound-6-1</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-sound-7-1"></span> <span class="glyphicon-class">glyphicon-sound-7-1</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-copyright-mark"></span> <span class="glyphicon-class">glyphicon-copyright-mark</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-registration-mark"></span> <span class="glyphicon-class">glyphicon-registration-mark</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-cloud-download"></span> <span class="glyphicon-class">glyphicon-cloud-download</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-cloud-upload"></span> <span class="glyphicon-class">glyphicon-cloud-upload</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tree-conifer"></span> <span class="glyphicon-class">glyphicon-tree-conifer</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="glyphicon glyphicon-tree-deciduous"></span> <span class="glyphicon-class">glyphicon-tree-deciduous</span> </div>
      </div>
    </div>
  </div>
  <div class="h3"> Weather Icon Fonts
    <hr>
  </div>
  <div class="row">
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <i class="wi wi-smoke"></i> <span class="glyphicon-class">wi-smoke</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-sleet-storm"></span> <span class="glyphicon-class">wi-night-alt-sleet-storm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-hurricane"></span> <span class="glyphicon-class">wi-hurricane</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-dust"></span> <span class="glyphicon-class">wi-dust</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-snow-thunderstorm"></span> <span class="glyphicon-class">wi-day-snow-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-smog"></span> <span class="glyphicon-class">wi-smog</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-snow-wind"></span> <span class="glyphicon-class">wi-snow-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-snow-thunderstorm"></span> <span class="glyphicon-class">wi-night-snow-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-snow-wind"></span> <span class="glyphicon-class">wi-day-snow-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-snow-thunderstorm"></span> <span class="glyphicon-class">wi-day-snow-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-snowflake-cold"></span> <span class="glyphicon-class">wi-snowflake-cold</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-snow-wind"></span> <span class="glyphicon-class">wi-night-snow-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-solar-eclipse"></span> <span class="glyphicon-class">wi-solar-eclipse</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-stars"></span> <span class="glyphicon-class">wi-stars</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-snow-wind"></span> <span class="glyphicon-class">wi-night-alt-snow-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-lunar-eclipse"></span> <span class="glyphicon-class">wi-lunar-eclipse</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-partly-cloudy"></span> <span class="glyphicon-class">wi-night-partly-cloudy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-sleet-storm"></span> <span class="glyphicon-class">wi-day-sleet-storm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-meteor"></span> <span class="glyphicon-class">wi-meteor</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-sleet-storm"></span> <span class="glyphicon-class">wi-night-sleet-storm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-hot"></span> <span class="glyphicon-class">wi-hot</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-cloudy-gusts"></span> <span class="glyphicon-class">wi-day-cloudy-gusts</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-rain-mix"></span> <span class="glyphicon-class">wi-day-rain-mix</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-sunny-overcast"></span> <span class="glyphicon-class">wi-day-sunny-overcast</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-cloudy-windy"></span> <span class="glyphicon-class">wi-day-cloudy-windy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-rain-wind"></span> <span class="glyphicon-class">wi-day-rain-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-sunny"></span> <span class="glyphicon-class">wi-day-sunny</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-cloudy"></span> <span class="glyphicon-class">wi-day-cloudy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-rain"></span> <span class="glyphicon-class">wi-day-rain</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-storm-showers"></span> <span class="glyphicon-class">wi-day-storm-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-fog"></span> <span class="glyphicon-class">wi-day-fog</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-showers"></span> <span class="glyphicon-class">wi-day-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-thunderstorm"></span> <span class="glyphicon-class">wi-day-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-hail"></span> <span class="glyphicon-class">wi-day-hail</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-snow"></span> <span class="glyphicon-class">wi-day-snow</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-lightning"></span> <span class="glyphicon-class">wi-day-lightning</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-day-sprinkle"></span> <span class="glyphicon-class">wi-day-sprinkle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-cloudy-gusts"></span> <span class="glyphicon-class">wi-cloudy-gusts</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-lightning"></span> <span class="glyphicon-class">wi-lightning</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-snow"></span> <span class="glyphicon-class">wi-snow</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-cloudy-windy"></span> <span class="glyphicon-class">wi-cloudy-windy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-rain-mix"></span> <span class="glyphicon-class">wi-rain-mix</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-sprinkle"></span> <span class="glyphicon-class">wi-sprinkle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-cloudy"></span> <span class="glyphicon-class">wi-cloudy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-rain-wind"></span> <span class="glyphicon-class">wi-rain-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-storm-showers"></span> <span class="glyphicon-class">wi-storm-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-fog"></span> <span class="glyphicon-class">wi-fog</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-rain"></span> <span class="glyphicon-class">wi-rain</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-thunderstorm"></span> <span class="glyphicon-class">wi-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-hail"></span> <span class="glyphicon-class">wi-hail</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-showers"></span> <span class="glyphicon-class">wi-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-cloudy-gusts"></span> <span class="glyphicon-class">wi-night-alt-cloudy-gusts</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-sprinkle"></span> <span class="glyphicon-class">wi-night-alt-sprinkle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-rain-mix"></span> <span class="glyphicon-class">wi-night-rain-mix</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-cloudy-windy"></span> <span class="glyphicon-class">wi-night-alt-cloudy-windy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-storm-showers"></span> <span class="glyphicon-class">wi-night-alt-storm-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-rain-wind"></span> <span class="glyphicon-class"> wi-night-rain-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-hail"></span> <span class="glyphicon-class">wi-night-alt-hail</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-thunderstorm"></span> <span class="glyphicon-class">wi-night-alt-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-rain"></span> <span class="glyphicon-class">wi-night-rain</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-lightning"></span> <span class="glyphicon-class">wi-night-alt-lightning</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-clear"></span> <span class="glyphicon-class">wi-night-clear</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-showers"></span> <span class="glyphicon-class">wi-night-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-rain-mix"></span> <span class="glyphicon-class">wi-night-alt-rain-mix</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-cloudy-gusts"></span> <span class="glyphicon-class">wi-night-cloudy-gusts</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-snow"></span> <span class="glyphicon-class">wi-night-snow</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-rain-wind"></span> <span class="glyphicon-class">wi-night-alt-rain-wind</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-cloudy-windy"></span> <span class="glyphicon-class">wi-night-cloudy-windy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-sprinkle"></span> <span class="glyphicon-class">wi-night-sprinkle</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-rain"></span> <span class="glyphicon-class">wi-night-alt-rain</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-cloudy"></span> <span class="glyphicon-class">wi-night-cloudy</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-storm-showers"></span> <span class="glyphicon-class">wi-night-storm-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-showers"></span> <span class="glyphicon-class">wi-night-alt-showers</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-hail"></span> <span class="glyphicon-class">wi-night-hail</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-thunderstorm"></span> <span class="glyphicon-class">wi-night-thunderstorm</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-alt-snow"></span> <span class="glyphicon-class">wi-night-alt-snow</span> </div>
      </div>
    </div>
    <div class="col-lg-2 col-sm-6 col-md-6 col-xs-12">
      <div class="panel panel-default">
        <div class="panel-body page-icons"> <span class="wi wi-night-lightning"></span> <span class="glyphicon-class">wi-night-lightning</span> </div>
      </div>
    </div>
  </div>
</div>
